Page({
  data: {
    dialogVisible: false,
    list: [],
    isFristLoad: true
  },

  // 页面显示,获取房屋列表
  onShow () {
    this.getList()
  },
  // 获取房屋列表
  async getList () {
    const res = await wx.http.get('/room')
    // console.log(res)
    this.setData({
      list: res.data,
      isFristLoad: false
    })
  },

  // 删除弹框
  async swipeClose (ev) {
    // console.log(ev)
    const { position, instance } = ev.detail
    const { id } = ev.mark

    if (position === 'right') {
      // 显示 Dialog 对话框
      // this.setData({
      //   dialogVisible: true
      // })

      // 原生的微信内置模态框  适合简单的模态框
      const res = await wx.showModal({
        title: '温馨提示',
        content: '确定要删除吗？',
        cancelText: '取消',
        cancelColor: '#666',
        confirmText: '确定',
        confirmColor: '#5591af'
      })
      // 是否确认删除
      if (res.confirm) {
        // 前端乐观UI更新(请求失败概率较少，直接前端先更新界面)
        this.setData({
          list: this.data.list.filter(v => v.id !== ev.mark.id)
        })

        //调用删除接口
        await wx.http.delete(`/room/${id}`)
      }
      // swiper-cell 滑块关闭
      instance.close()
    }
  },

  goDetail (e) {
    const id = e.mark.id
    // 跳转传参
    wx.navigateTo({
      url: `/house_pkg/pages/detail/index?id=${id}`
    })
  },

  addHouse () {
    wx.navigateTo({
      url: '/house_pkg/pages/locate/index'
    })
  }
})
